import { useEffect, useState } from "react";
import "../../style/porper/index.css";
type Props = {};

const index = (props: Props) => {
  //定义动态值
  const [kg, setkg] = useState(false);
  useEffect(() => {
    setkg(false);
    setTimeout(() => {
      setkg(true);
    }, 500);
  }, []);
  return (
    <div>
      <div className="showxiao">提示信息</div>
      <div className="huancun" style={{ height: kg ? "30vh" : "" }}>
        <p>更新站点设置缓存成功....</p>
        <p> 更新文章分类缓存成功....</p>
        <p> 更新单页分类缓存成功....</p>
        <p>更新城市缓存成功....</p>
        <p> 更新扩展属性缓存成功....</p>
        <p>更新前台导航缓存成功....</p>
        <p>更新广告js文件成功....</p>
        <p> 更新用户分类缓存成功....</p>
        <p>更新PC/Mobile首页模块缓存成功....</p>
        <p style={{ color: "red" }}>更新全站缓存完成....</p>
      </div>
    </div>
  );
};

export default index;
